//头部审批详情的设置
.header {
    height: 40px;
    width: 100%;
    // border: 1px solid red;
    background-color: #fff;
    border-bottom: 1px solid #f4f4f4;
    position: fixed;
    top: 0;
    z-index: 1;
    .left{
        height: 40px;
        width: 10px;
        .iconfont {
            color: #333333;
            font-weight: bolder; //将左箭头加粗
        }
    }
    .right {
        // border: 1px solid red;
        width: 10px;
        height: 40px;
    }
}
//采购信息
.purchaseinfo {
    overflow: auto;
    margin-top: 50px;
    height: 359px;
    width: 100%;
    // border: 1px solid red;
    background-color: #fff;

    //申请日期 申请部门 申请人的样式
    .quisitiondate {
        height: 44px;
        // border: 1px solid blue;
        border-bottom: 1px solid #f2f2f2;

        //星号和申请盒子
        .quisitiondateleft {

            // width: 56px;
            // height: 56px;
            .iconfont {
                color: #FA746B;
            }

            //申请文字设置
            .quisitiondatetext {
                height: 44px;
                width: 65px;
                color: #999999;
            }
        }

        //右边请选择盒子
        .quisitiondateright {
            height: 44px;
            width: 250px;

            //请选择文字设置
            .quisitiondaterighttext {
                color: #cccccc;
            }
        }
    }

    //上传附件大盒子
    .Uploadattachments {
        height: 64px;
        // border: 1px solid blue;
        border-bottom: 1px solid #f2f2f2;

        //星号和上传附件盒子
        .Uploadattachmentsleft {

            // width: 56px;
            // height: 56px;
            .iconfont {
                color: #999999;
            }

            //上传附件文字设置
            .Uploadattachmentstext {
                height: 64px;
                width: 65px;
                color: #999999;
            }
        }

        //右边盒子
        .Uploadattachmentsright {
            height: 64px;
            width: 250px;

            //右边文字设置
            .Uploadattachmentsrighttext {
                color: #cccccc;
                line-height: 2;
            }
        }
    }

    //申请说明盒子
    .Applicationdescription {
        height: 100px;

        // width: 100%;
        // border: 1px solid blue;
        .Applicationdescriptionleft {
            color: #999999;
        }

        .Applicationdescriptionright {
            width: 241px;
            height: 88px;
            background-color: #ffffff00; //#ffffff00
            border-radius: 5px;
            border: 1px solid #f2f2f2;

            .inputbox {
                width: 100%;

                .inputtext {
                    width: 213px;
                    height: 25px;
                    text-decoration: none;
                    border: none;
                }
            }
        }
    }
}

.purchasingassets {
    height: 379px;
    width: 100%;
    background-color: #fff;
    // border: 1px solid red;

    .assets {
        height: 47px;
        width: 100%;

        // border: 1px solid blue;
        .assetslefttext {
            color: #333333;
        }

        .assetsright {
            font-weight: 500;
            color: #2561ef;
        }
    }

    .assetsonebox {
        height: 304px;
        background-color: #f6f9ff;
        // border: 1px solid blue;

        .assetone {
            height: 45px;
            // border: 1px solid green;
            border-bottom: 1px solid #f2f2f2;
            font-weight: 500;

            .assetoneleft {
                color: #333333;
            }

            .assetoneright {
                color: #FA746B;
            }
        }
        .Changeinfo{
            height: 260px;
            // border: 1px solid red;
            border-radius: 5px;
            .Changeitem{
                    // height: auto;
                    height: 27px;
                    width: 100%;
                    // border: 1px solid blue;
                    .Changeitemleft{
                        width: 65px;
                        // height: 35px;
                        // border: 1px solid red;
                        .Changeitemlefttext{
                            color: #999999;
                        }
                    }
                    .Changeitemrightbox{
                        height: 16px;
                        width: 44px;
                        background-color: #28d094;
                        // border: 1px solid red;
                        border-radius: 5px;
                        text-align: left;
                        .Changeitemrightboxtext{
                            color: #fff;
                            font-weight: 400;
                        }
                    }
                    .Changeitemright{
                        // height: 35px;
                        width: 250px;
                        // border: 1px solid green;
                        .Changeitemrighttext{
                            color: #333333;
                        }
                }
            }
        }
    }
}
.whoApprover{
    height: 122px;
    width: 100%;
    background-color: #fff;
    // border: 1px solid red;
    .whoApprovertext{
        color: #333333;
        font-weight: 400;
    }
    .iconfont{
        color: #2561ef;
        font-size: 50px;
    }
}
.CCList{
    margin-bottom: 110px;
    height: 122px;
    width: 100%;
    background-color: #fff;
    // border: 1px solid red;
    .CCListtext{
        color: #333333;
        font-weight: 400;
    }
    .iconfont{
        color: #2561ef;
        font-size: 50px;
    }
}
footer{
    height: 80px;
    width: 100%;
    background-color: #fff;
    bottom: 0;
    position: fixed;
    .footerbox{
        height: 44px;
        width: 100%;
        background-color: #2561ef;
        border-radius: 10px;
        color: #fff;
    }
}